<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			*{
				margin: 0;
				padding: 0;
				list-style: none;
				text-decoration: none;
			}
			.nav{
				width: 100%;
				height: 78px;
				background: #1C1C1C;
			}
			.lg{
				width: 50px;
				height: 78px;
				margin: 0 auto;
				text-align: center;
				line-height: 78px;
			}
			.lg a{
				color: orange;
			}
			.box{
				width: 690px;
				height: 476px;
				/*border: 1px solid black;*/
				margin:62px auto 0;
				text-align: center;
			}
			.box .box_p{
				color:orange;
				font-size: 36px;
				margin: 62px auto 0;
			}
			.pp{
				margin: 60px auto 0;
				color: orange;
			}
			form input{
				width: 302px;
				margin: 20px auto 0;
				height: 38px;
				border: 1px solid gainsboro;
				padding: 0 6px;
			}
			form{
				color: gainsboro !important;
			}
			.div1,.div2{
				position:relative;
			}
			button{
				width: 306px;
				height: 38px;
				border: none;
				background: orange;
				color: white;
				font-size: 18px;
				margin: 20px auto 0;
			}
			.img1{
				position: absolute;
				left:460px;
				top: 32px;
			}
			.img2{
				position: absolute;
				left:460px;
				top: 32px;
			}
		</style>
	</head>
	<body>
		<div class="nav">
			<div class="lg">
			<a href="user/sy.html">LOGO</a>
			</div>
		</div>
		<div class="box">
			<div class="box_p">
				spider GT
			</div>
			<p class="pp">long into Your Accoumt</p>
			<form action="">
			<div class="div1">
				<input type="text" style="color: gainsboro;"/>
				<img src="轮胎切图/登录/输入名称.png"  class="img1"/>
			</div>
			<div class="div2">
				<input type="text" />
				<img src="轮胎切图/登录/输入密码.png" class="img2" />
			</div>
			<button>sping in</button>
		</form>
		</div>
		
	</body>
</html>
